<template>
  <el-carousel height="700px" direction="vertical" :autoplay="true" interval="4000"
               arrow="hover"
               :pause-on-hover="false">
    <el-carousel-item v-for="img in images" :key="img.id" style="border-radius: 20px">
      <img :src ="img.url" style="width: 100%;height: 100%;"/>
    </el-carousel-item>
  </el-carousel>
  <div class="demo-collapse">
    <el-collapse v-model="activeName" accordion="true">
      <el-collapse-item title="简介" name="1">
        <div>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;天津滨海国际机场（Tianjin Binhai International Airport，IATA：TSN，ICAO：ZBTJ），位于中国天津市东丽区，距市中心13公里，为4E级民用国际机场，
          是中国国际航空物流中心国际定期航班机场、对外开放的国家一类航空口岸和中国主要的航空货运中心之一。</p>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;天津滨海国际机场前身为天津张贵庄机场，始建于1939年11月；1950年正式通航；2007年完成一期扩建工程；2014年8月完成二期扩建工程。</p>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;据2017年8月机场官网显示，天津滨海国际机场拥有航站楼两座，分别为T1（国际及地区）、T2（国内），总建筑面积36.4万平方米、货库面积7.4万平方米；拥有跑道2条，长度分别为3600米、3200米；机位59个。
            截至2016年底，机场开通航线180条、通航城市132个。</p>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;2019年，天津机场完成旅客吞吐量2381.3万人次，同比增长0.9%；货邮吞吐量22.6万吨，同比下降12.6%；运输架次16.7万架次，同比下降6.4%。</p>
        </div>
      </el-collapse-item>
      <el-collapse-item title="历史沿革" name="2">
        <div>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;天津滨海国际机场前身为天津张贵庄机场，始建于1939年11月。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;1950年8月1日，中华人民共和国第一条民用航线在这里开通，天津机场同时担负起新中国专业飞行和技术人才培养的任务，被誉为“新中国民航的摇篮”。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;1974年，天津机场被确定为首都机场的备降场。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;1979年4月，机场开辟7条始发航线，结束了长期作为航线经停站的状况，当年旅客发运量1.27万人次，货邮发运量1806吨。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;1995年10月，天津张贵庄机场经国务院批准为国际定期航班机场，同年12月，经民航总局批准更名为“天津滨海国际机场”。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2002年12月，机场加入首都机场集团。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2008年4月28日零时，天津机场新航站楼（1号航站楼）正式启用，代替老航站楼。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2011年5月31日，机场二期扩建工程正式开工，主要建设内容包括：一座规模约22万平方米、年旅客吞吐能力为1500万人次的T2航站楼，25万平方米站坪和滑行道，以及消防、灯光等及附属配套设施。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2012年8月23日，新加坡酷航开通了新加坡-天津-新加坡航线，使天津成为酷航在中国大陆的首个通航城市。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2014年8月28日，机场二期扩建工程T2航站楼及相关工程与天津地铁2号线机场延长线同时启用。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2015年6月4日，天津机场与新加坡酷航在T2航站楼举办波音787客机首航仪式。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2015年10月15日，机场长3200米的第二跑道正式投入运营。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2016年6月16日，天津滨海国际机场长途客运枢纽站正式投入使用。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2018年6月27日起，天津机场将陆续开通3条新航线。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2018年6月28日，天津滨海国际机场新制服正式发布。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2018年12月22日，天津机场年旅客吞吐量突破2300万人次，再次创下历史新高，全年旅客吞吐量预计将突破2350万人次。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2022年2月11日0时，天津滨海机场低能见度运行新标准正式发布实施。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2022年11月7日，天津滨海机场开通天津往返俄罗斯乌兰乌德定期货运航线，首班出港货量达到13吨。该航线由天津货运航空使用B737-700F机型执飞，每周四班，班期为周一至周四。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2014年8月28日，2022年12月10日，满载着近190名旅客的JU702航班在天津滨海机场顺利降落，标志着塞尔维亚航空“贝尔格莱德-天津”航线正式开通。</p>
         <p>&nbsp;&nbsp;&nbsp;&nbsp;2023年6月29日消息，天津滨海机场蓟州城市候机楼正式启用</p>
        </div>
      </el-collapse-item>
      <el-collapse-item title="特色服务" name="3">
        <div>
         <h4>空地联运</h4>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;2016年12月9日，天津滨海国际机场正式推出“空地联运”旅客优惠服务，旅客可凭当日巴士车票、身份证等证件领取优惠券，以优惠价格享受贵宾服务、航站楼内餐饮以及商贸优惠。</p>
          <h4>行李管家</h4>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;2016年12月12日，天津滨海国际机场行李管家服务正式上线试运营。行李管家服务是一项从机场到旅客住地或旅客住地到机场的门到门的行李运送服务，支持天津外环内区域。旅客可通过机场客服电话预订服务，每件服务费20元。</p>
          <h4>过境免签</h4>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;2015年6月8日起，天津滨海国际机场口岸正式实施部分国家外国人72小时过境免办签证政策。来自美国、俄罗斯、英国、法国、德国等51个国家的外国人，持有72小时内确定日期、座位前往第三国（地区）联程机票，在天津行政区域内停留72小时不用申请签证。</p>

        </div>
      </el-collapse-item>
      <el-collapse-item title="交通换乘" name="4">
        <h4>轨道交通</h4>
        <div>
          <p>&nbsp;&nbsp;&nbsp;&nbsp;天津地铁2号线于2014年8月28日开通滨海国际机场站，运营时间为：06:00-22:55，单程最高票价5元.</p>
        </div>
      </el-collapse-item>
      <el-collapse-item title="祝您旅途愉快！" name="5">
        <h3 style="font-size: 20px;">祝您旅途愉快！</h3>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  name: "index",
  data(){
    return{
      images: [
        { id: 1, url: '/src/assets/images/index1.jpg' },
        {id: 2, url: '/src/assets/images/index5.jpg'},
        {id: 3, url: '/src/assets/images/index4.jpg'},
        {id: 4, url: '/src/assets/images/index6.jpg'}
      ],
      activeName:'1'
    }
  }
}

</script>

<style scoped>

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}

</style>